/*
Theme Name: Vanilla Slice
Description:  Themed developed in July 2011, new clean and simplified layout.
Author: Tim Keay, Miroslav Kosteckij
Version: 1.0
*/

/*
=============================
  C O R E   E L E M E N T S
=============================
*/

body { 
	margin: 0;
	padding: 0; 
	font-family: 'Nobile', Arial, sans-serif;
	font-size: 12px;
	color: #333;
}
a img {
	border: none;
	border-radius: 10px;
}
p { margin: 0; padding: 0;}
a {
  color: #FE4902;
}
a:hover { color: #666;}
/** Layout */
.wrapper {
	margin: 0 auto;
	width: 950px;
	clear: left;
}
h3.title_name {
	font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #333;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	line-height: 1em;
}
h3.title_name span {
	font-family: normal Georgia,'Times New Roman',Times,serif;
	color: #FF6600;
	font-size: 0.9em;
}
h3.title_name small {
	display: block;
	font-family: normal Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.3em;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	color: #AAA;
	text-shadow: none;
}
.follow { padding-left: 10px;}
#fixed-header-slide { width: 100%; height: 50px; background: #e8e8e8; border-bottom: solid 1px #CCC; position: fixed; top: 0px; z-index: 2; }
#fixed-header-wrap { width: 100%; height: 50px; position: absolute; bottom: 0px; }
#fixed-header { width: 950px; height: 50px; margin: 0 auto; position: relative; z-index: 1; }
#header-wrap { width: 100%; height: 60px; background: #e8e8e8; border-bottom: solid 1px #CCC; margin-bottom: 0px; z-index: 3; position: relative; }
#header { width: 950px; height: 60px; margin: 0 auto; padding: 0px 10px; position: relative; z-index: 3; }
#main-wrap { width: 100%; min-height: 600px; z-index: 1; margin-bottom: 100px; position: relative; }
#container { width: 950px; min-height: 600px; padding: 0px 10px; margin: 0 auto; }
#container h2 { font-size: 24px;}
#container p { font-size: 110%; line-height: 150%;}
#container p img { float: left; padding-right: 15px;}
/*
===============
  H E A D E R
===============
*/

/* Main Nav */
#main-nav { position: absolute; top: 65px; right: 30px; }
ul.main-menu { list-style-type: none; margin: 0px; }
.main-menu li { float: left; display: block; margin: 0px 35px 0 0px; }
.main-menu a { font-size: 16px; line-height: 16px; font-weight: bold; color: #231f20; text-decoration: none; }
.main-menu a:hover { color: #FF6600; text-decoration: none; }

/* Fixed Header */
#fixed-header .fixed-header-heading { width: 280px; float: left; margin-top: 7px; color: #878787; font-size: 36px; line-height: 36px; font-weight: bold; }
#fixed-header .fixed-header-nav { float: right; overflow: hidden; margin-top: 17px; }
#fixed-header .main-menu li { width: auto; margin: 0px 25px 0px 0px; }
/*
===============
  F O O T E R
===============
*/
#fixed-footer-wrap { width: 100%; height: 50px; background: #e8e8e8; border-top: solid 1px #CCC; position: fixed; bottom: 0px; z-index: 3; overflow: visible; }
#footer-wrap { position: relative; height: 0px; }
#footer { width: 100%; position: absolute; left: 0px; bottom: 0px; background: #e8e8e8; border: solid 1px #CCC; border-top:0px; }
#fixed-footer { width: 950px; margin: 0 auto; padding-top: 2px;}
#footer-toggle { display: block; border: solid 1px #CCC; border-bottom: 0px; width: 58px; height: 18px; position: absolute; top: -18px; right: 2%;  background: #e8e8e8; /*left: 50%; margin-left: 429px;*/ }
#footer-toggle span { display: block; width: 58px; height: 18px; background: url(../images/footer-toggle.png); opacity: 0.7; text-align:center;}
#footer-toggle span:hover { opacity: 1 }
#footer-toggle.expanded span { background-position: bottom; }
#toggling { display: none; }
#toggling h3 { width: 950px; margin: 0 auto; padding: 10px 0; line-height: 120%;}
/* Footer Toggle */
.border-top {
    border-top: 1px solid #CCCCCC;
}
/* Footer Top */
#footer-top { padding: 15px 0; }
#footer-top a { color: #222; text-decoration: none; }
#footer-top a:hover { color: #FF6600; }
#footer-social { float: left; clear: left; }
#footer-social iframe { width: 61px !important; float: left; display: inline-block;  }
#footer-social ul { overflow: hidden; }
#footer-social li { float: left; margin-right: 20px; }
#footer-social li.no-margin { margin-right: 0px; }

/** left menu **/
#wrap-menu{float:left;width:200px;border:1px solid blue;}
#wrap-content{float:left;width:600px;border-left:1px solid #ccc;}

/* iOS fixes */
#fixed-footer-wrap.mobile-fix { position: relative; }

/* footer menu */
#footer-memo{float:left;}
#footer-menu{float:right;}
.footer-menu{list-style-type: none; margin: 0px;padding-right:30px;}
.footer-menu li{ float: left; display: block; margin-left:10px; }
.footer-menu a {
	font-size: 12px; 
	line-height: 12px; 
	font-weight: bold; 
	color: #231f20; 
	text-decoration: none; 
}
.footer-menu a:hover { color: #FF6600; text-decoration: none; }

/* menu up */
#menu-up-wrap{float:right;}
#menu_up{margin: 0;padding-right:50px; text-align:center; position:relative;}
#menu_up li{float: left;list-style-type: none;}
#menu_up li a{
	display: block;
	padding: 2px 0;
	margin-left:10px; 
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	font-weight:bold;
}
#menu_up li a:hover{color: #FF6600; text-decoration: none;}
#menu_up li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
}
#menu_up li ul li{	float: none;display: inline;}
#menu_up li ul li a{
	width: auto;
	background: #A9C251;
	color: #24313C;
	font-weight:normal;
	display:block;
	filter:alpha(opacity=70);opacity: 0.7;
}
#menu_up li ul li a:hover{	background: #8EA344}


/* Sub Menu */
.main-menu ul {
	position: absolute;
	top: 40px;
	left: 0;
	opacity: 0;
	
	background: #1f2024;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.main-menu li:hover > ul { opacity: 1; }
.main-menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.main-menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}

.main-menu ul li a {
	width: 100px;
	padding: 4px 0 4px 40px;
	margin: 0;

	border: none;
	border-bottom: 1px solid #353539;
}

.main-menu ul li:last-child a { border: none; }

